<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品购物车</title>
		<style type="text/css">
			body {
				text-align: center;
			}
			
			table {
				width: 80%;
				margin: auto;
				border: 1px solid blue;
				border-collapse: collapse;
			}
			
			th,
			td {
				border: 1px solid gainsboro;
			}
			
			div {
				width: 80%;
				margin: 10px auto;
			}
			
			.tojiesuan {
				width: 224px;
				height: 66px;
				background-color: #f34141;
				color: white;
				border-radius: 66px;
				border: none;
				cursor: pointer;
				font-size: 18px;
				float: right;
				margin-right: 160px;
			}
			
			.tojiesuan>a {
				text-decoration: none;

				line-height: 66px;
				color: white;
			}
			a{
				text-decoration: none;
				/*height: 100px;*/
				display: inline-block;
				/*padding: 20px;*/
				font-size: 20px;
			}
			th,td,.ft{
				font-size: 20px;
				padding: 20px;
			}
			.jiage{
				color: #f34141;
			}
		</style>
	</head>

	<body>
		<h2>商品购物车</h2>
		<table>
			<tr>
				<th>商品信息</th>
				<th>单价</th>
				<th>操作</th>
			</tr>

			{% for t in goods %}
			<tr>
				<td>{{ t.goodname }}</td>
				<td class="jiage">￥{{ t.price }}</td>
				<td>
					<a href="/good/remove/{{ t.goodid }}">删除商品</a>

				</td>
			</tr>
			{% else %}
			<tr>
				<td colspan="3" class="ft">
					购物车竟然是空的，在忙，也要记得买点什么犒劳自己~
				</td>
			</tr>
			{% endfor %}
		</table>
		<div class="toindex">
			<a href="/user/index">去首页看看</a>
		</div>
		<div class="tojiesuan">
			<a href="/good/jiesuan">去结算</a>
		</div>
		<div>{{ message }}</div>
	</body>

</html>